﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>OnLine_JXC</title>
    <link href="Styles/MainUI.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
    <script src="Scripts/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script src="Scripts/JScript_Main_UI.js" type="text/javascript"></script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',split:false" style="height: 90px;">
        <div id="header" class="easyui-panel" title="汇睿在线管家V1.0">
            <div id="help_and_close">
                <span><b>服务电话:</b>020-12345678</span><a href="/Online_jxc/LogOut">退出</a>
            </div>
            <div class="logo">
            </div>
        </div>
    </div>
    <div data-options="region:'south',split:true" title="South Title" style="height: 100px;
        padding: 10px; background: #efefef;">
        <div class="easyui-layout" data-options="fit:true" style="background: #ccc;">
            <div data-options="region:'center'">
                sub center</div>
            <div data-options="region:'east',split:true" style="width: 200px;">
                备案</div>
        </div>
    </div>
    <div data-options="region:'east',iconCls:'icon-reload',split:true" title="Tree Menu"
        style="width: 180px;">
        <ul class="easyui-tree" data-options="url:'tree_data.json'">
        </ul>
    </div>
    <div data-options="region:'west',split:true" title="功能菜单" style="width: 280px; padding: 1px;
        overflow: hidden;">
        <div class="easyui-accordion" data-options="fit:true,border:false">
            <div title="采购" class="subfunction_category" data-options="selected:true">
                <a href="#" onclick="addTab('采购订单','datagrid.htm')">采购订单</a> <a href="#" onclick="addTab('采购退货','存货列表.htm')">
                    采购退货</a> <a href="#" onclick="addTab('采购付款','调拨单列表.htm')">采购付款</a>
            </div>
            <div title="销售" style="padding: 10px;">
            </div>
            <div title="仓库" style="padding: 10px">
                content3
            </div>
            <div title="报表" style="padding: 10px">
                content3
            </div>
            <div title="设置" style="padding: 10px">
                content3
            </div>
            <div title="服务" style="padding: 10px">
                content3
            </div>
        </div>
    </div>
    <div data-options="region:'center'" style="overflow: hidden; border: 0; text-align: right;
        background: #E6F0FF">
        <div id="cf" class="easyui-layout" data-options="fit:true" style="border: 0">
            <div data-options="region:'north'" style="overflow: hidden; height: 28px; text-align: right;
                background: #E6F0FF">
                <a class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-edit'" style="font-size: 120%;
                    font-weight: bold" href="/purchase/getChildMenu">采购</a>
                <div id="mm" style="width: 150px;">
                    <div data-options="iconCls:'icon-undo'">
                        采购订单</div>
                    <div data-options="iconCls:'icon-redo'">
                        采购退货</div>
                    <div class="menu-sep">
                    </div>
                    <div>
                        采购付款</div>
                </div>
                <a class="easyui-menubutton" style="font-size: 120%; font-weight: bold" href="/sale/getChildMenu">
                    销售</a> <a class="easyui-menubutton" style="font-size: 120%; font-weight: bold" href="/storage/getChildMenu">
                        仓存</a> <a class="easyui-menubutton" style="font-size: 120%; font-weight: bold" href="/report/getChildMenu">
                            报表</a> <a class="easyui-menubutton" style="font-size: 120%; font-weight: bold" href="/config/getChildMenu">
                                基础设置</a> <a class="easyui-menubutton" style="font-size: 120%; font-weight: bold"
                                    href="/service/getChildMenu">服务</a>
            </div>
            <div data-options="region:'center'">
                <div id="tt" class="easyui-tabs" data-options="fit:true,border:false">
                    <div title="首页" style="padding: 20px; overflow: hidden;">
                        <div style="margin-top: 20px;">
                            <h3>
                                jQuery EasyUI框架帮助您构建您的web页面很容易。</h3>
                            <ul>
                                <li>easyui是一组基于jQuery的用户界面插件。 </li>
                                <li>使用easyui你不写很多javascript代码,而你也不用通过编写HTML标签来定义用户界面。 </li>
                                <li>easyui非常简单但强大的。 </li>
                            </ul>
                        </div>
                    </div>
                    <div title="Tab2" data-options="closable:true" style="padding: 20px;">
                        This is Tab2 width close button.</div>
                    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="overflow: hidden;
                        padding: 5px;">
                        <table id="tt2">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
